// 这个request文件 axios实例的封装 请求拦截器 响应拦截器 ...
// 导入 json-bigint
import JSONbig from 'json-bigint'
import axios from 'axios'
// 导入vuex
import store from '@/store'
// 原地址: http://ttapi.research.itcast.cn/app/
// 现地址: http://toutiao-app.itheima.net/，需要去掉/app路径
// 原接口：url: '/app/v1_1/articles'，现在需要删除'app'：url: '/v1_1/articles'
// 创建axios实例
const instance = axios.create({
  baseURL: 'http://toutiao-app.itheima.net/',
  timeout: 5000,
  // 转换响应, 默认会将axios默认的返回的操作覆盖掉
  // 这个节点修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    // data就是响应给前端的数据 字符串 JSON.parse(data) 处理不了大数字 使用JSON-bigint包来处理
    // 为了防止后端返回的数据有一些数据不是json字符串优化处理一下
    try {
      return JSONbig.parse(data)
    } catch (error) {
      return data
    }
  }]
})
// 挂载拦截器
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log(config) // 请求信息对象
  const token = store.state.user.tokenInfo.token
  // 请求信息对象中有header就是请求头,在这里挂载token
  if (token) {
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response.data // 直接将需要的结果响应
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error)
})
// 导出axios实例 在main.js中导入并挂载给vue原型
export default instance
